<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<script type="text/javascript" src="/deng/include/include-css.js"></script>
	<link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
	<meta charset="UTF-8">
	<title>我的申请列表</title>
	<style>
		.modal-lg {
			max-width: 100%;
			/*width: 85%;*/
			max-width: none;
		}
	</style>
</head>
<body>
	<div class="m-content">
		<div class="m-portlet">
			<div class="m-portlet__head">
				<div class="m-portlet__head-caption">
					<div class="m-portlet__head-title">
						<h3 class="m-portlet__head-text">
							<span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
						</h3>
					</div>
				</div>
			</div>
			<!--begin::Form-->
			<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed " method="POST" id="searchForm" onsubmit="search('datatables');return false;">
				<div class="m-portlet__body">	
					<div class="form-group m-form__group row">
						<label class="col-form-label">标题:</label>
						<div class="col-lg-2">
							<input type="text" class="form-control" name="title" placeholder="请输入">
						</div>
						<a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
							<span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
						</a>
						<a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
							<span><i class="fa fa-repeat"></i><span>清空条件</span></span>
						</a>
					</div>
	            </div>
	            <div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
					<div class="m-form__actions m-form__actions--solid">
						<div class="row">
							<div class="col m--align-left">
								<a class="btn btn-light-danger font-weight-bold mr-2" href="javascript:delLcApply()">
									<span><i class="fa fa-times"></i><span>删 除</span></span>
								</a>
								<a class="btn btn-light-warning font-weight-bold mr-2" href="javascript:search('datatables')">
									<span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷 新</span></span>
								</a>
							</div>
							<div class="col m--align-right">

							</div>
						</div>
					</div>
				</div>
			</form>
			<!--end::Form-->
		</div>
		<table id="datatables" class="table table-bordered table-striped table-hover">
			<thead>
				<tr>
					<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkall" /><span></span></label></th>
					<th>序号</th>
					<th>标题</th>
					<th>模块</th>
					<th>申请日期</th>
				</tr>
			</thead>
		</table>
	</div>
	
	<!-- 流程申请详情模态框（Modal）开始 -->
	<div class="modal fade" id="lcApplyDetailModal" tabindex="-1" role="dialog" aria-labelledby="lcApplyDetailModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg" id="lcApplyDetailModalDialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="lcApplyDetailModalLabel">
						申请详情
					</h4>
				</div>
				<div class="modal-body">
					<div class="panel-body" id="lcApplyDetailPanelBody" style="overflow:auto;">
						<div class='row' style='height:100%;overflow: auto;'>
							<div class='col-md-2'>
								<ul id="myTab" class="nav flex-column nav-tabs nav-tabs-vertical mb-4 mb-xl-0">
									<li >
										<a href="#tab0" data-toggle="tab" aria-expanded="false" class="nav-link active show">基本信息</a>
									</li>
									<li>
										<a href="#tab1" data-toggle="tab" aria-expanded="false" class="nav-link">表单信息</a>
									</li>
									<li>
										<a href="#tab2" data-toggle="tab" aria-expanded="false" class="nav-link">审批记录</a>
									</li>
									<li>
										<a href="#tab3" data-toggle="tab" aria-expanded="false" class="nav-link">流程追踪</a>
									</li>
								</ul>
							</div>
							<div class='col-md-10'>
								<div id="myTabContent" class="tab-content" style="height:80%;">
									<div class="tab-pane active show" id="tab0">
										<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="defaultForm" method="post">
											<div class="form-group m-form__group row">
											<label class="col-form-label">标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题</label>
												<div class="col-lg-4">
													<input class="form-control" type="text" id="title">
												</div>
											</div>
											<div class="form-group m-form__group row">
												<label class="col-form-label">模&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;块</label>
												<div class="col-lg-4">
													<input class="form-control" id="modelKey" >
												</div>
											</div>
											<div class="form-group m-form__group row">
												<label class="col-form-label">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注</label>
												<div class="col-lg-4">
													<textarea class="form-control" rows="3" id="remark" ></textarea>
												</div>
											</div>
											<div class="form-group m-form__group row">
												<label class="col-form-label">申请日期</label>
												<div class="col-lg-2">
													<input class="form-control" id="create_time" >
												</div>
											</div>
										</form>
									</div>
									<div class="tab-pane" id="tab1" style="height:100%;">
										<iframe id="lcFormIframe" scrolling="auto" frameborder="0"  width="100%" height="100%"></iframe>
									</div>
									<div class="tab-pane" id="tab2" style="height:100%;">
										<div class="panel-body" id="lcHisLogPanelBody" style="overflow:auto;">
											<div class="panel panel-default">
												<fieldset>
													<form method="POST" id="searchFormApproval">
														<input type="hidden" class="form-control" id="instanceId" name="instanceId">
													</form>
												</fieldset>
											</div>
											<div class="panel-body" style="height:100%;">
												<table id="approvalDatatables" class="table table-bordered table-striped table-hover" style="width:99%">
													<thead>
														<tr>
															<th>序号</th>
															<th>动作</th>
															<th>审批意见</th>
															<th>审批日期</th>
															<th>审批人</th>
														</tr>
													</thead>
												</table>
											</div>
										</div>
									</div>
									<div class="tab-pane" id="tab3" style="height:100%;">
										<img src="" id="imagePath">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
	                <button type="button" class="btn btn-light-primary font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" data-dismiss="modal">取 消</button>
	            </div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<!-- 流程申请详情模态框（Modal）结束 -->
</body>
	<script type="text/javascript" src="/deng/include/include.js"></script>
	<script type="text/javascript" src="/deng/view/workflow/lc-apply/lc-apply-list.js"></script>
	<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/css/fixedHeader.dataTables.css" rel="stylesheet" type="text/css" />
	<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/css/fixedColumns.dataTables.css" rel="stylesheet" type="text/css" />
	<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/css/scroller.dataTables.css" rel="stylesheet" type="text/css" />
	<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/css/colReorder.dataTables.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/js/dataTables.fixedHeader.min.js"></script>
	<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/js/dataTables.fixedColumns.min.js"></script>
	<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/js/scroller.dataTables.min.js"></script>
	<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/js/colReorder.dataTables.min.js"></script>
	<style>
		.tab-content {
			padding: 0px 0 0 0;
		}
		a {
			text-decoration: none;
		}
		/*正常的未被访问过的链接*/
		a:link {
			text-decoration: none;
		}
		/*已经访问过的链接*/
		a:visited {
			text-decoration: none;
		}
		/*鼠标划过(停留)的链接*/
		a:hover {
			text-decoration: none;
		}
		/* 正在点击的链接*/
		a:active {
			text-decoration: none;
		}
		.nav-tabs-vertical a.active {
			color: #409eff;
			border-right: 1px solid #409eff;
			border-top: 0;
			border-left: 0;
		}
		.nav-tabs-vertical a, .user-intro h4, .user-skill .user-info li h5 {
			margin-bottom: .5rem;
		}

		.nav-tabs a {
			text-align: center;
			padding: .1rem;
			color: #464a53;
			font-size: 1.1rem;
		}

		.tab-content {
			padding: 5px 0 0 0;
		}
		.modal-lg {
			max-width: 100%;
			/*width: 75%;*/
			max-width: none;
		}
		.select2-container--default .select2-selection--multiple .select2-selection__rendered {
			box-sizing: border-box;
			list-style: none;
			margin: 0;
			padding:.75rem;
			width: 100%;
		}
		.tabs-bordered li a.active {
			border-bottom: 2px solid #409eff !important;
		}
		.card-box {
			padding: 0px;
		}
		.card-body {
			padding: .1rem;
		}

		.vakata-context, .vakata-context ul {
			background: #ffffff;
			-webkit-box-shadow: 0px 0px 15px 1px rgb(69 65 78 / 20%);
			box-shadow: 0px 0px 15px 1px rgb(69 65 78 / 20%);
			border: 0;
		}
		.vakata-context, .vakata-context ul {
			padding: 0;
			min-width: 125px;
			font-size: 1rem;
			font-family: Poppins;
			border-radius: 4px;
		}
		.vakata-context, .vakata-context ul {
			position: absolute;
		}

		.m-form.m-form--group-seperator .m-form__group, .m-form.m-form--group-seperator-dashed .m-form__group {
			padding-top: 5px;
		}
		.tab-content>.active {
			background: #fff;
		}
		.m-form .col-form-label, .m-form .form-control-label, .m-form .m-form__group>label {
			font-weight: bold;
		}
	</style>
</html>